<!DOCTYPE.php>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>产品中心</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<link rel="shortcut icon" href="template/img/logo.ico.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="template/css/commont.css">
<link rel="stylesheet" type="text/css" href="template/css/product.css">
<link rel="stylesheet" type="text/css" href="template/css/public.css">
<script src="template/js/jquery1.42.min.js" type="text/javascript" ></script>
<script src="template/js/PIE.htc" type="text/javascript" ></script>
</head>
<body>
<!-- 头部开始 -->
<div class="header">
    <div class="main">
    	<div class="logo">
    		<a href="index.php">
    			<img src="template/img/logo.png" alt="">
    		</a>
    	</div>
    	<div class="nav">
	    	<ul>
	    		<?php foreach($nav as $v) { ; ?>
	    		<li><a href="<?php echo $v['url'];?>"><?php echo $v['title'];?></a></li>
	    		<?php } ?>
	    	</ul>
    	</div>
   	</div>
</div>
<!-- 头部结束 -->
<!-- banner开始 -->
<div class="banner">
	<a href="product.php" >
		<img src="template/img/product_pic.png" alt="">
	</a>
</div>
<!-- banner结束 -->
<!-- 新闻中心开始 -->
<div class="content clearfix">
	<!-- 侧边栏开始 -->
	<div class="sidebar">
		<div>
			<h2>产品中心</h2>
			<p>PRODUCT DISPLAY</p>
		</div>
		<ul>
			<li class="on">
				<a href="#" >太阳能灯</a>
			</li>
			<li>
				<a href="#" >太阳能模版</a>
			</li>
			<li>
				<a href="#" >太阳能电池</a>
			</li>
			<li>
				<a href="#" >太阳能器材</a>
			</li>
		</ul>
	</div>
	<!-- 侧边栏结束 -->
	<div class="main">
		<!-- 当前位置开始 -->
		<div class="position">
			<ul>
				<li>当前位置:</li>
				<li>
					<a href="index.php" >首页 ></a>
				</li>
				<li>
					<span>产品中心</span>
				</li>
			</ul>
		</div>
		<!-- 当前位置结束 -->
		<!-- 信息部分开始 -->
		<div class="information">
			<ul>
				<li>
					<a href="product_details.php">
						<img src="template/img/product_bg1.png" alt="">
					</a>
					<h4><a href="product_details.php" >太阳能路灯</a></h4>
				</li>
				<li>
					<a href="product_details.php">
						<img src="template/img/product_bg2.png" alt="">
					</a>
					<h4><a href="product_details.php" >太阳能庭院灯</a></h4>
				</li>
				<li>
					<a href="product_details.php">
						<img src="template/img/product_bg3.png" alt="">
					</a>
					<h4><a href="product_details.php" >太阳能室内灯</a></h4>
				</li>
				<li>
					<a href="product_details.php">
						<img src="template/img/product_bg4.png" alt="">
					</a>
					<h4><a href="product_details.php" >太阳能路灯</a></h4>
				</li>
				<li>
					<a href="product_details.php">
						<img src="template/img/product_bg5.png" alt="">
					</a>
					<h4><a href="product_details.php" >太阳能庭院灯</a></h4>
				</li>
				<li>
					<a href="product_details.php">
						<img src="template/img/product_bg6.png" alt="">
					</a>
					<h4><a href="product_details.php" >太阳能室内灯</a></h4>
				</li>
			</ul>
			<div class="page">
				<ol>
					<li><a href="#">上一页</a></li>
					<li class="on"><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><span>...</span></li>
					<li><a href="#">8</a></li>
					<li><a href="#">下一页</a></li>
				</ol>
			</div>
		</div>
		<!-- 信息部分结束 -->
	</div>
</div>
<!-- 新闻中心结束 -->
<!-- 尾部开始 -->
<div class="footer">
	<p>©版权所有：<?php echo COPYRIGHT; ?>   备案号：<?php echo 	RECORD_NUMBER; ?></p>
</div>
<!-- 尾部结束 -->
</body>
</html>